.home-header {
    height: 56px;
    background: #2a2a2a;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    .home-menu {
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 56px;
        img {
            width:150px;
        }    
        i {
            margin-right: 15px;
        }
    }
    .menu-list {
        position: absolute;
        top: 56px;
        width: 100%;
        background: #2a2a2a;
        li {
            color: white;
            border-top: #464646;
            width: 100%;
            text-align: center;
            height: 45px;
            line-height: 45px;
            &.active {
                color: wheat
            }
        }
    }
}
.fade-enter {
    opacity: 0;
}
.fade-enter-active {
    opacity: 1;
    transition: opacity .3s ease-in
}
.fade-exit {
    opacity: 1;
}
.fade-exit-active {
    opacity: 0;
    transition: opacity .3s ease-in
}